<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>完善信息</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/codecss.css"/>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/ajax.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" style="background-color: white;display: block;">
    <div class="container">
        <a href="#" class="left"><img src="img/codelogo.png" style="width: 50%;margin-top: 10px;margin-bottom: 10px;" ></a>
        <div class="navtext left">
            <a href="#">开发者平台</a>
        </div>
        <div class="navcode right">
            <a href="apiindex.html">开发者中心</a>
            <a href="APIlogin.html">应用管理</a>
            <a href="problem.html">常见问题</a>
            <a href="APIlogin.html">登录</a>
        </div>
    </div>
</nav>
<div  class="container codeview">
    <div class="col-md-9" style="margin: 0 auto;float: none;display: block;">
        <div id="c9tl"><span>完善信息</span></div>
        <div class="lin1" id="a0"></div>
        <div class="hd"></div>
            <!--<div class="logimg left">-->
                <!--<img src="img/login_left_pic.png" style="width: 80%;">-->
            <!--</div>-->
        <div class="submiddle">
            <div class="userbase left">
                <div class="hdimg left">
                    <a href="#">
                        <img src="img/bl.png" style="width: 64px;">
                    </a>
                </div>
                <div class="morems left">
                    <h4>姓名</h4>
                    <span>用户名XXXX</span>
                </div>
                <div class="mesfinish">
                   <span style="font-size: 14px;">
                       资料完成度：
                   </span>
                </div>
                <div class="lin1"></div>
                <div class="hd" style="height: 25px;"></div>
                <div class="mesbox" id="baseuser" style="border-bottom: 2px solid #3d70b6";>基本信息</div>
                <div class="mesbox" id="idcarduser">身份认证</div>
            </div>
            <div class="subm right" id="subms" style="display: block;">
                <h4 style="font-weight: 600">基本信息</h4>
                <form action="#" method="post" class="subfm">
                    <p>
                        <label>开发者名称</label>
                        <input type="text" name="codeName" placeholder="请填写开发者名称" onblur="cnlang()"/>
                        <span id="cnm"></span>
                    </p>
                    <p>
                        <label>所在地区</label>
                      <!--  <select name="regionfirst" id="rgf">
                            <option selected="selected">请选择</option>
                        </select>
                        <select name="regionsec" id="rgs">
                            <option selected="selected">请选择</option>
                        </select>-->
                        <select id="s_province" name="s_province"></select>  
                        <select id="s_city" name="s_city" ></select> 
                    </p>
                    <p style="margin-left: 150px;">
                        <select id="s_county" name="s_county"></select>
                    </p>
                    <script type="text/javascript">_init_area();</script>
                    <p>
                        <label>详细地址</label>
                        <input type="text" name="companyadd" placeholder="请填写公司所在详细地址" onblur="cad()"/>
                        <span id="cadd"></span>
                    </p>
                    <p>
                        <label>邮编</label>
                        <input type="text" name="zipCode" placeholder="请填写公司所在地详细邮编"  onblur="zip()"/>
                        <span id="zcd"></span>
                    </p>
                    <p>
                        <label>企业邮箱</label>
                        <input type="text" name="mail" placeholder="请务必填写常用邮箱，主要联系方式" onblur="mai()"/>
                        <span id="em"></span>
                    </p>
                    <p>
                        <label>企业电话</label>
                        <input type="text" name="tel" placeholder="请填写你的联系电话"  onblur="tele()"/>
                        <span id="tl"></span>
                    </p>
                    <p>
                        <label>网站</label>
                        <input type="text" name="website" placeholder="请填写你的个人网站地址" onblur="wb()"/>
                        <span id="wb"></span>
                    </p>
                    <p>
                        <label>紧急联系人姓名</label>
                        <input type="text" name="urgName" placeholder="请填写公司紧急联系人姓名" onblur="urgn()"/>
                        <span id="urgn"></span>
                    </p>
                    <p>
                        <label>紧急联系人电话</label>
                        <input type="text" name="urgTel" placeholder="请填写公司紧急联系人电话" onblur="urgt()"/>
                        <span id="urgt"></span>
                    </p>
                    <div style="height: 45px;">
                        <div class="chk left">
                            <input type="checkbox" name="userName" style="width: 18px;float: right;"/>
                        </div>
                        <span style="float: left;font-size: 14px;line-height: 14px;margin-left: 10px;margin-top: 12px;">我已阅读<a href="#">《开发者平台协议》</a>并同意</span>
                    </div>
                    <div class="btns">
                        <button type="button" class="btn btn-primary left" >提交</button>
                        <button type="button" class="btn btn-default left"  style="margin-left: 50px;">取消</button>
                    </div>
                </form>
            </div>
            <div class="idrenz right" id="idms" style="display: none;">
                <h4 style="font-weight: 600">身份认证</h4>
                <span class="hsmall">通过身份认证后，你的应用可以申请应用广场以及高级接口权限</span>
                <div class="hd"></div>
                <div class="idrow" style="margin-top: 0px;">
                     <span  class="idtitle">身份认证审核状态：</span>
                     <span id="posttime">2017-01-01</span>
                    <span id="returnmes">提交身份信息，审核通过</span>
                </div>
                <div class="idrow">
                    <span class="idtitle">&emsp;&emsp;&emsp;&emsp;公司名称：</span>
                    <span >武汉青杰科技有限公司</span>
                </div>
                <div class="idrow">
                    <span class="idtitle">&emsp;&emsp;&emsp;营业执照号：</span>
                    <span >91420111MA4KNGK252</span>
                </div>
                <form action="#" method="post">
                <div class="idrow">
                    <span class="idtitle">法人身份证扫描件：</span>
                    <input type="file" accept="image/*">
                </div>
                <div class="idrow">
                    <span class="idtitle">&emsp;营业执照扫描件：</span>
                    <input type="file" accept="image/*">
                </div>
                <div class="idrow">
                    <span class="idtitle">&emsp;税务登记扫描件：</span>
                    <input type="file" accept="image/*">
                </div>
                <div class="btns" style="margin-top: 35px;margin-left: 35px;">
                        <button type="button" class="btn btn-primary left" >提交</button>
                        <button type="button" class="btn btn-default left"  style="margin-left: 50px;">取消</button>
                 </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="foot">
    <div class="container">
        <div class="fta left" style="font-size: 14px;">
            <a href="#">关于平台</a>
            <a href="#">联系我们</a>
            <a href="#">开发者协议</a>
        </div>
        <span class="right" style="font-size: 14px;">Copyright © 2015 wisedu All Rights Reserved</span>
    </div>
</div>
</body>
<script type="text/javascript">
    document.getElementById("baseuser").addEventListener("click",function () {
        document.getElementById("subms").style="display:block";
        document.getElementById("idms").style="display:none";
        document.getElementById("baseuser").style=" border-bottom: 2px solid #3d70b6";
        document.getElementById("idcarduser").style=" border-bottom: none";
    });
    document.getElementById("idcarduser").addEventListener("click",function () {
        document.getElementById("subms").style="display:none";
        document.getElementById("idms").style="dispilay:block";
        document.getElementById("idcarduser").style=" border-bottom: 2px solid #3d70b6";
        document.getElementById("baseuser").style=" border-bottom: none";
    });
    function cnlang() {
        var txt=document.getElementsByName("codeName")[0].value;
        if (!/^[\u4e00-\u9fa5]+$/gi.test(txt)||txt==null){
            document.getElementsByName("codeName")[0].style="border: 1px solid red";
            document.getElementById("cnm").innerHTML="请输入正确的姓名";
        }
    }
    function cad() {
        var cad=document.getElementsByName("companyadd")[0].value;
        if (!/^[\u4e00-\u9fa5_a-zA-Z0-9]+$/.test(cad)||cad.length<3){
            document.getElementsByName("companyadd")[0].style="border: 1px solid red";
            document.getElementById("cadd").innerHTML="请输入正确的地址";
        }
    }
    function zip() {
        var zp=document.getElementsByName("zipCode")[0].value;
        if(!/\d{6}/.test(zp)){
            document.getElementsByName("zipCode")[0].style="border: 1px solid red";
            document.getElementById("zcd").innerHTML="请输入正确的邮编";
        }
    }
    function mai() {
        var ma=document.getElementsByName("mail")[0].value;
        if(!/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/.test(ma)){
            document.getElementsByName("mail")[0].style="border: 1px solid red";
            document.getElementById("em").innerHTML="请输入正确的邮箱";
        }
    }
    function tele() {
        var te=document.getElementsByName("tel")[0].value;
        if(!/0?(13|14|15|18)[0-9]{9}/.test(te)||!/[0-9-()（）]{7,18}/.test(te)){
            document.getElementsByName("tel")[0].style="border: 1px solid red";
            document.getElementById("tl").innerHTML="请输入正确的手机号或电话号码";
        }
    }
    function wb() {
        var wbt=document.getElementsByName("website")[0].value;
        if(!/^((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+/.test(wbt)){
            document.getElementsByName("website")[0].style="border: 1px solid red";
            document.getElementById("wb").innerHTML="请输入正确的网址";
        }
    }
    function urgn() {
        var urgn=document.getElementsByName("urgName")[0].value;
        if(!/^[\u4e00-\u9fa5]+$/gi.test(urgn)||urgn==null){
            document.getElementsByName("urgName")[0].style="border: 1px solid red";
            document.getElementById("urgn").innerHTML="请输入正确的姓名";
        }
    }
    function urgt() {
        var urgt=document.getElementsByName("urgTel")[0].value;
        if(!/0?(13|14|15|18)[0-9]{9}/.test(urgt)||!/[0-9-()（）]{7,18}/.test(urgt)){
            document.getElementsByName("urgTel")[0].style="border: 1px solid red";
            document.getElementById("urgt").innerHTML="请输入正确的手机号";
        }
    }
    var Gid  = document.getElementById ;
    var showArea = function(){
        Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +
            Gid('s_city').value + " - 县/区" +
            Gid('s_county').value + "</h3>"
    }
    Gid('s_county').setAttribute('onchange','showArea()');
  /*  function num(input){
        var nm=input.id;
        if(!/-?[1-9]\d*!/.test(document.getElementById(nm).value)){
            document.getElementById(nm).value=null;
        }
    }
    function chin(input){
        var thi=input.id;
        if(!/^[\u4e00-\u9fa5]+$/gi.test(document.getElementById(thi).value)){
            document.getElementById(thi).value=null;
            alert(this);
        }*/
//    }
</script>
</html>